var app = new Vue({
    el: '#app',
    data: {
        allAccount: '51600',
        allIncome: '185.32',
        transactionList: [
            {
                id: '1',
                status: '存入',
                bankName: '中原银行储蓄卡',
                bankCardNo: '7891',
                money: '5000',
                time: '2019-06-09 12:00:22',
                allAccount: '51600'
            },
            {
                id: '2',
                status: '存出',
                bankName: '中原银行储蓄卡',
                bankCardNo: '7891',
                money: '88',
                time: '2019-06-09 12:00:22',
                allAccount: '1600'
            }
        ],
        loading: false,
        list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
        allLoaded: false,
        noMore: false,
    },
    methods: {
        loadMore: function () {
            this.loading = true;
            if(this.list.length === 30) {
                this.loading = false;
                this.noMore = true;
                return;
            }
            setTimeout(() => {
                let last = this.list[this.list.length - 1];
                for (let i = 1; i <= 10; i++) {
                    this.list.push(last + i);
                }
                this.loading = false;
            }, 2500);
        },
    },
});